import React from 'react'
import { Route, BrowserRouter as Router, Redirect } from 'react-router-dom'
import './App.scss'
import Article from './pages/Article/Article'
import Layout from './pages/Layout/Layout'
import Login from './pages/Login/Login'
import ProfileEdit from './pages/Profile/Edit'

function App () {
  return (
      <Router>
      <div className="app">
            <Route exact path="/" render={() => <Redirect to="/home" />} />
            <Route path='/home' component={Layout}></Route>
            <Route path='/login' component={Login}></Route>
            <Route path="/profile/edit" component={ProfileEdit}></Route>
            <Route path="/article" component={Article}></Route>
        </div>
      </Router>
  )
}

export default App
